<!DOCTYPE html>
<script src="../../resources/ahem.js"></script>
<p>INPUT elements are typically layout roots, so they may be laid out independently from the rest of
    the tree. Test that multicol doesn't mess up this.</p>
<p>Below you should see a hotpink <em>square</em>.</p>
<div style="position:absolute; top:121px; width:500px; -webkit-column-count:2; column-fill:auto; height:100px;">
    <input id="elm" type="number" value="666" style="width:200px; height:80px; font:80px/1 Ahem; border:none; color:hotpink;">
</div>
<script>
    onload = function() {
        document.body.offsetTop;
        document.getElementById("elm").value = "7";
    }
</script>
